import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import api from './api'
import './utils/rem'
import tab from './components/FooterNav/index'
import baseComponent from './plugins/baseComponent'
import VueAwesomeSwiper from 'vue-awesome-swiper'
import button from './components/button/button'

// require styles
import 'swiper/css/swiper.css'
import './assets/css/reset.css'
Vue.component('md-tab',tab)
Vue.component('md-button',button)
Vue.config.productionTip = false
Vue.use(baseComponent)
Vue.use(VueAwesomeSwiper)
Vue.prototype.$api = api

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

// import Vue from 'vue'
// import App from './App.vue'
// import router from './router'
// import store from './store'
// import button from './components/button/button'
//import tab from './components/FooterNav/index'
// import tabbar from './components/TabBar/index'
// import form from './components/form/index'
// import api from './api' 
// import './utils/rem'
// import  './assets/icon/iconfont.css'
// import VueAwesomeSwiper from 'vue-awesome-swiper'
// Vue.use(VueAwesomeSwiper)
// Vue.config.productionTip = false
// Vue.component('md-button',button)
//Vue.component('md-tab',tab)
// Vue.component('md-tab-bar',tabbar)
// for(let key in form){
//   Vue.component(`md-${key}`,form[key])
// }
// Vue.prototype.$api=api
// new Vue({
//   router,
//   store,
//   render: h => h(App)
// }).$mount('#app')